$(function(){
    //图片数组
    var images = ["url('./images/popularizeBackground.jpg')","url('./images/b2.png')","url('./images/b3.jpg')","url('./images/b4.jpg')","url('./images/b5.jpg')","url('./images/b6.jpg')"];
    //获取到所有的小圆点
    var aSpan = $(".Radius span");
    //初始化一个下标为0的变量
    var oIndex = 0;
    aSpan.on("click",function(){
        //将点击的下标赋值给oIndex
        oIndex = $(this).index();
        //将所有的小圆点.on样式清除
        aSpan.removeClass("on");
        //将所有的li淡出
        $(".slider li").stop().fadeOut();
        //将正点击的小圆点显示样式
        aSpan.eq(oIndex).addClass("on");
        document.body.style.backgroundImage = images[oIndex];
        //将下一个li淡入
        $(".slider li").eq(oIndex).stop().fadeIn();

    })
})